
/*========================= GENERAL =========================*/

body{ font-family:Verdana, Geneva, sans-serif, Arial; font-size:100%; height:100%; background-color:#F4F1C4; font-weight:200; line-height:28px; color:#000;  font-size:18px; }

.left { float:left;}
.right{ float:right;}

.clear{ clear:both;}

#container { padding-top:10px;}

h1{ font-size:36px; }
h2{ font-size:32px; }
h3{ font-size:28px; }

h1.ic-title{ background:url(../images/ic-weird.png) no-repeat; font-weight:bold; font-style:italic; color:#FF9226; text-decoration:underline; line-height:40px; padding:25px 0px 0px 120px; display:block;  min-height:90px; text-shadow: 2px 2px #333;}
h1.lst{ padding:27px 0px 0px 110px; }
h1.hdetail{ font-weight:bold; font-style:italic; color:#FF9226; text-decoration:underline; line-height:40px;  display:block;  text-shadow: 2px 2px #333;}


a{ text-decoration:none;}
a.backmore{ background:#990; color:#EEE; padding:10px 20px; display:inline-block; margin-top:20px; font-size:20px; font-weight:bold; font-style:italic; }
a.backmore:hover{ background:#F60;}

/*=========================== HEADER =============================*/
#header{ width:1200px; margin:0 auto; padding:0; overflow:hidden; }
#header .col1{ }
#header .col2{ overflow:hidden; margin-top:20px;}
#header .col2 span.cn1{ overflow:hidden; color:#D86C00; font-style:italic; font-weight:bold; width:200px; text-align:right; padding-right:20px;}
#header .col2 span.cn2{ overflow:hidden; color:#52510B; font-weight:bold;}
#header .col2 span.cn2 img{ margin-top:4px; margin-right:10px;}
#header .col2 .socmed {overflow:hidden; color:#D86C00; font-style:italic; font-weight:bold; text-align:right; margin-top:8px; }
#header .col2 .socmed a{ padding-top:7px; vertical-align:middle; display:inline-block; zoom:1;  vertical-align:middle;}

#header-banner{ width:100%; overflow:hidden; background:#CEF18D; padding:50px 0px 45px 0px;}
#banner{ max-width:1200px; margin:0 auto; padding:0; width:985px;}
#banner img{ margin:0; padding:0;}

#header-menu{ width:100%; overflow:hidden; background-color:#59703A; text-align:center; line-height:0px;}
#header-menu .menu{ padding-bottom:0px;}
#header-menu ul{ list-style:none; padding:0; margin:0; overflow:hidden; display:inline-block;}
#header-menu ul li{ overflow:hidden; float:left; }
#header-menu ul li a{ color:#F2EDB2; font-weight:bold; font-size:22px; display:block; padding:40px 33px; position:relative; }
#header-menu ul li.active a{ background-color:#CEF18D; color:#59703A;}
#header-menu ul li a:hover{ background-color:#78DB5B; color:#59703A;}

#header-menu ul li.sub{ overflow:hidden; color:#F2EDB2; font-weight:bold; font-size:22px; display:block; padding:40px 33px; cursor:pointer;}
#header-menu ul li.sub:hover{ background-color:#78DB5B; color:#59703A;}
#header-menu ul li.sub > ul.submenu{ display:none; position:absolute;  z-index:1000; margin-left:-33px; margin-top:40px;}
#header-menu ul li.sub:hover > ul.submenu{ display:block;}
#header-menu ul li.sub:hover > ul.submenu li { float:none; background:#78DB5B;  }
#header-menu ul li.sub:hover > ul.submenu li a{ text-align:left; color:#59703A; border-top:4px solid #F4F1C4;}
#header-menu ul li.sub:hover > ul.submenu li:last-child a{ border-bottom:4px solid #F4F1C4;}
#header-menu ul li.sub:hover > ul.submenu li a:hover{background-color:#59703A; color:#F2EDB2; }


/*======================== CONTENT ============================*/
#content{}
#wrap{ max-width:1200px; padding:0; margin:0 auto; overflow:hidden; padding-top:50px;}
#wrap-content{ float:left; width:73%;}
#wrap-sidebar{ float:right;}

.box-page{ overflow:hidden;}
.box-page img{ margin-right:30px;}
.box-page .desc{ background-color:#B7CD2B; overflow:hidden; padding:20px; overflow:hidden; text-align:justify}
.box-page .desc h2{ font-weight:bold; font-style:italic; margin-bottom:20px;}
.box-page .desc p a{ padding-top:5px; overflow:hidden; display:inline-block; font-weight:bold; font-style:italic; }
.box-page .desc p a:hover{ text-decoration:underline; color:#630;}

.box-article { overflow:hidden; margin-top:20px;}
.box-article .title{ text-align:center;}
.box-article .list-article{ margin-top:30px;}
.box-article .list-article ul{ padding:0; margin:0; list-style:none;}
.box-article .list-article ul li { height:270px; background:url(../images/spacer-dotted.png) repeat-x bottom; margin-bottom:30px;}
.box-article .list-article ul li a{ display:block; overflow:hidden; text-align:justify; padding:10px;}
.box-article .list-article ul li a:hover{ background-color:#B7CD2B;}
.box-article .list-article ul li a img{ margin-right:15px; margin-top:3px; border:#BF5F00 3px solid; max-height:200px;}
.box-article .list-article ul li a .desc h2{ font-weight:bold; font-style:italic; margin-bottom:10px; font-size:24px;}
.box-article .list-article ul li a .desc p{ color:#000;}

.detail { overflow:hidden; text-align:justify;}
.detail img { border:#FF9226 2p solid; margin-right:20px; margin-top:10px;}
.detail h1{ text-align:left;}

.article { overflow:hidden;}
.article ul{ padding:0; margin:0; list-style:none; margin-top:20px;}
.article ul li { margin-bottom:30px; text-align:justify; border-bottom:#C60 3px solid; padding-bottom:10px;}
.article ul li h2{ margin-bottom:10px;}
.article ul li a{  color:#B7CD2B; text-shadow: 1px 2px #333; overflow:hidden; font-style:italic; font-weight:bold;  }
.article ul li a.rd{  text-shadow: 1px 1px #333; letter-spacing:2px; font-size:20px; color:#FF9226;}
.article ul li a:hover{ color:#C60; }
.article ul li a img{ margin-right:15px; margin-top:3px; border:#BF5F00 3px solid;}
.article ul li .desc p{ color:#000; padding-bottom:10px;}

#paging{ text-align:right;}
#paging a{ background-color:#FF9226; color:#FFF; padding:5px 15px; display:inline-block; zoom:1; }
#paging a:hover{ background-color:#B7CD2B; color:#C60;}
#paging a.current{ background-color:#B7CD2B; color:#C60;}

.contact { overflow:hidden; font-weight:bold; }
.contact .col1 { width:45%; overflow:hidden;}
.contact .col1 h1{ font-style:italic; margin:20px 0px;}
.contact .col1 iframe{ margin-top:30px;}
.contact .col1 p{ margin-bottom:15px; overflow:hidden; padding-left:40px; color:#52510B; font-weight:bold; min-height:30px;}
.contact .col1 p a{ color:#52510B;}
.contact .col1 p a:hover{ color:#00F;}
.contact .col1 p.ic-1{ background:url(../images/ic-home-bottom.png) no-repeat left top 5px; }
.contact .col1 p.ic-2{ background:url(../images/ic-phone-bottom.png) no-repeat left top; }
.contact .col1 p.ic-3{ background:url(../images/ic-mail-bottom.png) no-repeat left top 10px;}

.contact .col2{ overflow:hidden; width:55%; font-size:20px; padding-top:20px}
.contact .col2 ul{ margin:0; padding:0; list-style:none;}
.contact .col2 ul li { margin-bottom:20px;}
.contact .col2 ul li:last-child{ margin-top:-15px;}
.contact .col2 ul li .label{ margin-bottom:10px;}
.contact .col2 ul li .input1 { height:40px; width:600px; background-color:#CEF18D; border:#C60 2px solid; padding-left:5px; font-size:18px; }
.contact .col2 ul li .area1{height:100px; width:600px; background-color:#CEF18D; border:#C60 2px solid; padding:5px; font-size:18px; font-weight:bold;}
.contact .col2 ul li .area2{height:130px; width:600px; background-color:#CEF18D; border:#C60 2px solid; padding:5px; font-size:18px; font-weight:bold;}
.contact .col2 ul li .btn1{ padding:15px 20px; background-color:#59703A; color:#FFF; border:none; font-size:20px; letter-spacing:2px; cursor:pointer; }
.contact .col2 ul li .btn1:hover{ background-color:#C30;}

.error{ color:#F00; font-size:13px;}
#loading{ display:none; margin-top:30px;}
#result {overflow:hidden; }
#result .result_error h3{ font-size:20px;}
#result .result_error{ background:#F00; color:#FFF;padding:10px; font-size:14px;}
#result .result_success{ background:#147C12; color:#FFF;padding:10px;}

.partner { margin-top:40px; border:2px solid #9C0; padding-bottom:20px; }
.partner h1{ background:#9C0; padding:20px 10px; margin-bottom:20px; color:#FFF; font-weight:bold; font-style:italic; text-align:center; letter-spacing:1px;}
.partner img{ width:280px;}
.partner-list{ padding:5px; text-align:center; overflow:hidden;}

/* ===================== FOOTER ======================*/
#footer { background-color:#CEF18D; width:100%; overflow:hidden; overflow:hidden; margin-top:50px;}
#footer #wrap-footer{ margin:0 auto; padding:0; padding:40px 0px 10px 0px; max-width:1200px;}
#footer h1{ text-align:center; background-color:#53510B; color:#F4F1C4;padding:20px; margin-bottom:20px; font-weight:bold; font-style:italic;}
#footer .col1{ width:54%; overflow:hidden;}
#footer .col1 img{ margin-right:15px;}
#footer .col1 p{ margin-bottom:15px; overflow:hidden; padding-left:40px; color:#52510B; font-weight:bold; min-height:30px;}
#footer .col1 p a{ color:#52510B;}
#footer .col1 p a:hover{ color:#00F;}
#footer .col1 p.ic-1{ background:url(../images/ic-home-bottom.png) no-repeat left top 5px; }
#footer .col1 p.ic-2{ background:url(../images/ic-phone-bottom.png) no-repeat left top; }
#footer .col1 p.ic-3{ background:url(../images/ic-mail-bottom.png) no-repeat left top 10px;}

#footer .col2 { overflow:hidden; text-align:left; width:40%;}
#footer .col2 .box{ overflow:hidden; font-weight:bold; font-size:22px; margin-bottom:30px;}
#footer .col2 .box h2{ color:#52510B; text-decoration:underline; font-weight:bold; font-style:italic; margin-bottom:20px;}
#footer .col2 .box span{ color:#194C92; }

#menu-footer{ background-color:#59703A; color:#FFDFBF; font-weight:bold; font-style:italic; padding:25px 0px 20px 0px;} 
#menu-footer .col1 {width:65%; padding-left:20px; }
#menu-footer .col1 a{ color:#CEF18D;}
#menu-footer .col1 a:hover{ color:#FF9226;}

#menu-footer .col2{ overflow:hidden; padding:25px 10px 0px 20px; font-size:14px; width:28%; text-align:right;  }